 
/* reset css */
html, body, div, span, applet, object, iframe, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
ul li{ list-style-type:none;}
/* end reset css */
html,
body {
	height:100%;
	background:#000;
	overflow-x:hidden;
}

body {
	color:#333;
	font-family:"Microsoft YaHei", Arial, Verdana, serif;
	font-size:14px;
	line-height:1.4;
    /*-webkit-user-select:none;*/ /* 禁止选择 */
    -webkit-touch-callout:none; /* 禁用弹出 */
}
.wrapper{
	width:100%;
	display:block;
	min-width:320px;
}

#wrap{
    position:relative;
    min-height:100%;
    _height:100%;
    overflow:hidden;
}
#pages{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-align:center;
}
.page{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.nav{
	position:absolute; 	
	height:70px; 
    z-index:2000;
	width:100%;
	background:rgba(51,51,51,0.5) url(../images/logo.png) no-repeat 5%;
	/*background: url(../images/logo.png) no-repeat 100px;*/
}

/*导航菜单*/

.menu {
  width: 930px;
  height: 70px; 
  margin:0 auto;
  display:none;
}
.menu ul { 
  position: relative; 
}

.menu ul li {
  float: left;
}

.menu ul li.current a{
 color:#47cafa;
}

.menu ul li a {
  display: block;
  padding: 0 15px;
  line-height: 70px;
  font-size: 18px; 
  color: #fff;
  text-decoration:none;
}
.menu .block {
  width: 48px;
  height: 2px;
  background: #47cafa;
  position: absolute;
  top: 0px;
  left: 0;
  z-index: 99;
}

.banner-nav{
	height:10px;
	width:100%;	
	position:absolute;
	z-index:999;	
	bottom:100px;		
	}
.banner-nav a{
	width:50px;
	height:3px;
	display:block;
	float:left;
	background:#fff;
	margin:0 10px;
	cursor:pointer;
	}
.banner-nav-container{ width:210px; margin:0 auto;}
.banner-nav a.active{
	background:#47cafa;
	}
.down-btn-div{ position:absolute; z-index:999; width:100%;  bottom:30px;}
.down-btn{
	width:40px;
	height:40px;	
	margin:0 auto;
	cursor:pointer;
	display:block;
	
	}
.down-btn-link{width:40px;
	height:40px;
	border-radius:20px;
	-moz-border-radius:20px;
	background:rgba(151,151,151,0.7)  url(../images/down-icon.png) no-repeat center;
	margin:0 auto;
	cursor:pointer;
	display:block;}
a.down-btn:hover{
	
	background:rgba(0,167,248,0.8)  url(../images/down-icon.png) no-repeat center;}
.page2-secion{
	margin-top:90px;}
/*产品服务*/




.product-service{ width:1060px; margin:50px auto 0; }
.product-service-item{ float:left; margin-right:20px;}
.product-service-item-pic{height:200px; overflow:hidden; }
.product-service-item-text{ height:50px; background:rgba(239,239,239,0.5);
 border-bottom:2px solid #47cafa;
 text-align:left;
 padding:20px;}
.product-service-item-text-title{ font-weight:bold; font-size:16px;}



/*.product-service{ width:768px; margin:50px auto 0;}
.product-service-item{ float:left; margin:10px;}
.product-service-item-pic{ height:120px;}
.product-service-item-pic img{ width:236px; height:120px;}*/


.section-title-cn{
	padding-top:150px;
	padding-bottom:10px;
	font-size:22px;	
	}
.section-title-en{
	font-size:18px;
	padding-bottom:150px;}
	
	



/*支付渠道*/
.paylist{ width:795px; margin:80px auto;}
.paylist ul li{
	width:264px;
	height:150px;
	overflow:hidden;
	float:left;
	border-right:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	position:relative;
	}
.paylist ul li:hover{
	background-color:#efefef;
	}
/*.paylist ul li:nth-child(3n)
{
	border-right:0;
}*/
.clear{ clear:both;}
.paylist-item{ position:absolute; height:300px;}
/*产品优势*/
.chanpinyoushi{
	width:768px;
	margin:130px auto 0;}
	
.cpys-item{ width:192px; height:220px; float:left; overflow:hidden; text-align:center; }
.cpys-item span{ font-size:60px;
color:#47cafa;}
.cpys-item-title{ font-size:18px; color:#47cafa; margin:20px 0;}
.w1060{ width:1060px; margin:0 auto;}

.access-container{ width:768px; margin:0 auto; text-align:center;}
.access-item{ float:left; height:auto; width:128px;  text-align:center;}

.access-item-icon{ display:inline;}
.access-item-icon span{ font-size:60px; color:#47cafa;}
.access-item-text{ font-size:20px; margin-top:50px; font-weight:bold;}
.about-container{
	text-align:left;
	font-size:16px;
	line-height:40px;
	margin:0 auto;
	width:90%;
	}
.about-container p{ word-wrap:break-wrap;}
.company-name{ text-align:left; font-size:22px; color:#47cafa;}
.contact-info{ margin-top:20px;}
.contact-info span{ font-size:16px;}
.weixin-logo{ background:url(../images/weixin-logo.png) no-repeat;}
.contact-info-left{
	width:50%;
	float:left;
	text-align:left;
	line-height:30px;}
.contact-info-right{
	width:50%;
	float:right;
	text-align:left;
	line-height:30px;
	}
.footer{
	margin-top:100px;
	padding-top:70px;
	border-top:1px dotted #ccc;	
	}
	/*右侧悬浮菜单*/
	.slide{
		width: 50px;
		height: 250px;
		position: fixed;
		top: 50%;
		margin-top: -126px;
		background: #333;
		right: 0;
		border-radius: 5px 0 0 5px;
		z-index: 999;
		display:none;
	}
	.slide ul{
		list-style: none;
	}
	.slide .icon li{
		width: 49px;
		height: 50px;
		background: url(../images/icon.png) no-repeat;
	}
	.slide .icon .up{
		background-position:-330px -120px ;
		cursor:pointer;
	}
	.slide .icon li.qq{
		background-position:-385px -73px ;
	}
	.slide .icon li.tel{
		background-position:-385px -160px ;
	}
	.slide .icon li.wx{
		background-position:-385px -120px ;
	}
	.slide .icon li.down{
		background-position:-330px -160px ;
		cursor:pointer;
	}
	.slide .info{
		top: 50%;
		height: 147px;
		position: absolute;
		right: 100%;
		background: #333;
		width: 0px;
		overflow: hidden;
		margin-top: -73.5px;
		transition:0.5s;
		border-radius:4px 0 0 4px ;
	}
	.slide .info.hover{
		width: 180px;
		
	}
	.slide .info li{
		width: 180px;
		color: #CCCCCC;
		text-align: center;
	}
	.slide .info li p{
		font-size: 1.1em;
		line-height: 1.8em;
		margin: 17px;
		text-align: left;
	}
	.slide .info li.qq p a{
		display: block;
		margin-top: 5px;
		width: 100px;
		height: 22px;
		line-height: 22px;
		color: #00a7f8;
		font-size: 16px;   
		text-align: center;
		text-decoration: none;
		border: 1px solid #00a7f8;
		border-radius: 5px;
	}
	.slide .info li.qq p a:hover{
		color: #FFFFFF;
		/*border: none;*/
		background: #00a7f8;
	}
	.slide .info li div.img{
		height: 100%;
		background: #DEFFF9;
		margin: 15px;
	}
	.slide .info li div.img img{
		width: 100%;
		height: 100%;
	}
	.slide .info li.wx p{ line-height:25px;}
	/*控制菜单的按钮*/
	.index_cy{
		width: 30px;
		height: 30px;
		background: url(../images/index_cy.png);
		position: fixed;
		right: 5px;
		top: 50%;
		margin-top: 140px;
		background-position: 62px 0;
		cursor: pointer;
		display:none;
	}
	.index_cy2{
		width: 30px;
		height: 30px;
		background: url(../images/index_cy.png);
		position: fixed;
		right: 5px;
		top: 50%;
		margin-top: 140px;
		background-position: 30px 0;
		cursor: pointer;
	}
#menu-span{ font-size:26px; display:block; margin-right:10px; float:right; color:#47cafa; line-height:70px; cursor:pointer}



.right-menu{ width:60px; height:320px; position:absolute; display:none; right:-60px; top:50px; background:#333; text-align:center;}
.right-menu ul li{ height:35px; line-height:35px;}
.right-menu a{ color:#fff; text-decoration:none;}
.contact-container{ width:768px; margin:0 auto;}



.banner-text-1{ font-size:36px; color:#fff; margin-top:50%;}
.banner-text-2{ font-size:46px; color:#00a7f8;}
.banner-text-3{ font-size:26px; color:#fff; margin-top:20px;}


#page2-secion-part2{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-align:center;	
}
.page{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;	
	
}
body{ overflow:hidden;}

/*支付场景*/
.payment-nav-div{ position:absolute; z-index:999; top:50%; width:100%; }
.payment-nav-div-left{ width:50px; height:50px; float:left; margin-left:10px; font-size:50px; color:#ccc;}
.payment-nav-div-right{ width:50px; height:50px; float:right; margin-right:10px; font-size:50px; color:#ccc;}
.pc-payment i {
	width: 69px;
	background: url(../images/words.png) no-repeat -245px -357px;
}

.mobi-payment i {
	width: 64px;
	background: url(../images/words.png) no-repeat -416px -291px;
}

.sys-payment i {
	width: 76px;
	background: url(../images/words.png) no-repeat -415px -362px;
}

.app-payment i {
	width: 74px;
	background: url(../images/words.png) no-repeat -244px -439px;
}

.host-payment i {
	width: 79px;
	background: url(../images/words.png) no-repeat -420px -439px;
}
#page2-secion-part2{ position:relative;}
#page2-secion-part2 i{
	display: block;
	position: relative;
	margin: 0 auto;
	margin-top: 43px;
	height: 69px;}
#page2-secion-part2 u{display: block;
	position: absolute;
	width: 156px;
	height: 156px;
	margin-left: 22px;
	background: url(../images/words.png) no-repeat 0px -363px;
	-webkit-transition: all .5s ease-in-out 0s;
	-moz-transition: all .5s ease-in-out 0s;
	-ms-transition: all .5s ease-in-out 0s;
	-o-transition: all .5s ease-in-out 0s;
	transition: all .5s ease-in-out 0s;}
	
.pay-contenter{ width:200px; height:300px;overflow: hidden;	display: inline-block;}

#page2-secion-part2 strong {
	display: block;
	margin-top: 70px;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
}
#page2-secion-part2 p{
	
	color:#999;
	font-family: Arial,"宋体";
	font-size: 12px;
	line-height: 20px;
	text-align: center;}
#page2-secion-part1{ display:none;}
#page2-secion-part2{ display:block;}

/*支付场景end*/

#product-service{ display:none;}
#product-service-small{ display:block;}
.product-service-item-pic-small{ margin-top:220px;}
.product-service-small{ position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-align:center;}

.product-service-nav-div{ position:absolute; z-index:999; top:50%; width:100%; }
.product-service-nav-div-left{ width:50px; height:50px; float:left; margin-left:10px; font-size:50px; color:#ccc;}
.product-service-nav-div-right{ width:50px; height:50px; float:right; margin-right:10px; font-size:50px; color:#ccc;}
#paylist{ display:none;}
#paylist-phone{ display:block;}
#paylist-phone .paylist-item-phone{ height:150px; width:260px; margin:55% auto 0; overflow:hidden;}
.paylist-phone-nav-div{ position:absolute; z-index:999; top:50%; width:100%; }
.paylist-phone-nav-div-left{ width:50px; height:50px; float:left; margin-left:10px; font-size:50px; color:#ccc;}
.paylist-phone-nav-div-right{ width:50px; height:50px; float:right; margin-right:10px; font-size:50px; color:#ccc;}

#chanpinyoushi-phone{ position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-align:center;}
#chanpinyoushi{ display:none;}
#chanpinyoushi-phone{ display:block;}
.cpys-item-phone{ margin-top:45%;}
	
.cpys-phone-nav-div{ position:absolute; z-index:999; top:50%; width:100%; }
.cpys-phone-nav-div-left{ width:50px; height:50px; float:left; margin-left:10px; font-size:50px; color:#ccc;}
.cpys-phone-nav-div-right{ width:50px; height:50px; float:right; margin-right:10px; font-size:50px; color:#ccc;}
#access-container{ display:none;}
#access-container-phone{ display:block;}
#access-container-phone span{ color:#47cafa; font-size:30px;}
.access-container-phone dl{ margin-bottom:5px;}
#contact-container{ display:none;}
#contact-container-phone{ display:block; text-align:left; padding:20px 40px;}
.contact-container-phone span{ font-size:18px;}
.contact-container-phone p{ line-height:30px;}
#menu-span{ color:#47cafa}
.product-service-item-small-content{ margin:40% 15%;}